.main{width:1200px; margin:0px auto;position: relative;min-width:1200px;}
.icp{color:#bfc1c5;}
.left{float:left;}
.right{float:right;}
header{height: 43px;line-height:43px;border-bottom: 1px solid #eaeaea;background: #f8f8f8;;*zoom: 1;}
header .left{font-size:14px;}
header .right{color: #999;font-size: 14px;font-weight: 400;}
header .tel{color: #ef8200;font-weight: normal;font-size: 14px;}
header .tel img{width: 24px;float: left;margin-top: 8px;}
header .item{margin-right: 15px;display: inline-block;color: #999;font-size: 12px;height: 43px;line-height: 43px;text-decoration: none;vertical-align: middle;}
header .item:hover{color: #666;}
header .button {
    display: inline-block;
    height: 28px;
    border-radius: 2px;
    width: 78px;
    text-align: center;
    line-height: 28px;
    padding: 0;
    margin-top: 7.5px;
    font-size: 12px;
    color: #666;
    text-decoration: none;
    margin-left: 10px;
    background: #ececec;
    transition: all ease .2s;
}
header .register-btn {
    background-color: #c80032;
    color: #fff;
}

.logotxt{
  font-size: 36px;
  line-height: 75px;
  font-weight: bold;
  color: #666;
  text-decoration: none;
}
nav{height:75px;clear: both;}
nav .logo{height:50px;margin-top: 10px;float: left;}
nav .addon {
    border-left: 2px solid #e6e6e6;
    font-size: 14px;
    float: left;
    margin-top: 15px;
    padding-left: 5px;
    color: #565656;
    font-weight: 400;
}
nav .menu {
  float: right;
  margin-top: 20px;
}
nav .menu img {
  height: 30px;
  float: left;
}
nav .menu span {
  font-size: 16px;
  height: 30px;
  color: #565656;
  float: left;
  line-height: 35px;
  padding-left: 2px;
}
nav .menu span:hover{color:#de2e43;cursor: pointer;}

#threead {
    width: 100%;
}
#threead ul li {
    border: 1px solid #efefef;
    float: left;
    width: 346px;
    margin: 50px 12.5px;
}
#threead ul li:nth-child(1) {
    margin-left: 55px;
}
#threead ul li img {
    width: 346px;
    height: 170px;
    margin: 0 auto;
}
#threead ul li .con {
    margin: 10px auto;
}
#threead ul li .con p {
    text-align: center;
}
#threead ul li .con p.zmEnergyTit {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    line-height: 30px;
}


#teachPosition {
width: 100%;
height: 700px;
overflow: hidden;
position: relative;
background: #333;
*zoom: 1;
        min-width:1200px;
}

#teachPosition:before,#teachPosition:after {
display: table;
content: "";
line-height: 0
}

#teachPosition:after {
clear: both
}

#teachPosition .layout {
position: relative;
padding: 55px 0;
*zoom: 1
}

#teachPosition .layout:before,#teachPosition .layout:after {
display: table;
content: "";
line-height: 0
}

#teachPosition .layout:after {
clear: both
}

#teachPosition h2 {
width:auto;
margin-left:0px;
height:auto;
font-size: 40px;
line-height: 60px;
color: #fff;
font-weight: 600;
text-align: center;
}

#teachPosition .info {
font-size: 20px;

line-height: 40px;

color: #d1cbc3;

font-weight: 500;

text-align: center;
}

#teachPosition .person {
position: absolute;
cursor: pointer;
transition: transform .5s linear;
opacity: 0
}

#teachPosition .hover {
transform: scale(1.5)
}

#teachPosition .big {
height: 45px
}

#teachPosition .middle {
height: 36px
}

#teachPosition .small {
height: 30px
}

#teachPosition .person-1 {
left: 932px;
top: 257px
}

#teachPosition .person-2 {
left: 880px;
top: 335px
}

#teachPosition .person-3 {
left: 913px;
top: 420px
}

#teachPosition .person-4 {
left: 854px;
top: 319px
}

#teachPosition .person-5 {
left: 944px;
top: 203px
}

#teachPosition .person-6 {
left: 782px;
top: 354px
}

#teachPosition .person-7 {
left: 939px;
top: 376px
}

#teachPosition .person-8 {
left: 750px;
top: 373px
}

#teachPosition .person-9 {
left: 894px;
top: 527px
}

#teachPosition .person-10 {
left: 837px;
top: 445px
}

#teachPosition .person-11 {
left: 870px;
top: 399px
}

#teachPosition #bg_map {
position: absolute;
width: 600px;
height: auto
}

#teachPosition .teach-what-container {
float: left;
margin: 75px 0 0 50px
}

#teachPosition .teach-what-container .what {
display: block;
font-size: 22px;
color: #fff;
padding-left: 20px;
background: url(../images/red-marker_7615092.png) no-repeat left center
}

#teachPosition .teach-what-container .what b {
font-weight: 700
}

#teachPosition .teach-what-container ul {
width: 100%;
margin-top: 35px
}

#teachPosition .teach-what-container ul li {
margin: 9px auto;
*zoom: 1
}

#teachPosition .teach-what-container ul li:before,#teachPosition .teach-what-container ul li:after {
display: table;
content: "";
line-height: 0
}

#teachPosition .teach-what-container ul li:after {
clear: both
}

#teachPosition .teach-what-container ul li .what-logo {
width: 40px;
float: left
}

#teachPosition .teach-what-container ul li .what-logo img {
margin: 6px auto
}

#teachPosition .teach-what-container ul li .what-desc {
float: left;
margin-left: 24px
}

#teachPosition .teach-what-container ul li .what-desc p {
text-align: left
}

#teachPosition .teach-what-container ul li .what-desc p.teachPositionTit {
font-size: 24px;
line-height: 36px;
color: #fff
}

#teachPosition .teach-what-container ul li .what-desc p.teachPositionDesc {
font-size: 16px;
line-height: 28px;
color: #bebebe
}

#teachPosition .teach-what-container a {
margin-top: 31px;
color: #fff
}

#teachPosition .teach-what-container a:hover {
text-decoration: none;
color: #fff
}

#teachPosition .teach-map-container {
position: absolute;
width: 586px;
display: none;
height: 343px;
top: 240px;
left: 56%;
margin-left: -150px;
text-align: center;
background: url(../images/computer_13d73da.png) no-repeat center;
background-size: 100% 100%
}

#teachPosition .teach-map-container .show-con {
width: 440px;
height: 278px;
margin: 28px auto 0;
background: url(../images/teacher_back_ebd8ea4.png) no-repeat center;
background-size: 100% 100%
}

#teachPosition .teach-map-container .show-con .lyh {
min-height: 185px;
position: relative;
padding: 28px 0 0 180px
}

#teachPosition .teach-map-container .show-con .lyh .avator {
left: 47px;
top: 54px
}

#teachPosition .teach-map-container .show-con .lyh .name {
font-size: 26px;
color: #fff
}

#teachPosition .teach-map-container .show-con .lyh .left,#teachPosition .teach-map-container .show-con .lyh .avator {
position: absolute
}

#teachPosition .teach-map-container .show-con .lyh p {
text-align: left
}

#teachPosition .teach-map-container .show-con .lyh p:nth-child(1) {
color: #fff;
font-size: 30px
}

#teachPosition .teach-map-container .show-con .lyh ul {
*zoom: 1
}

#teachPosition .teach-map-container .show-con .lyh ul:before,#teachPosition .teach-map-container .show-con .lyh ul:after {
display: table;
content: "";
line-height: 0
}

#teachPosition .teach-map-container .show-con .lyh ul:after {
clear: both
}

#teachPosition .teach-map-container .show-con .lyh ul li {
height: 24px;
float: left;
font-size: 14px;
line-height: 24px;
padding: 0 4px;
color: #fff;
background: #e47b8a;
border-radius: 5px;
margin-right: 9px
}

#teachPosition .teach-map-container .show-con .lyh .achievements {
width: 220px;
margin-top: 15px;
background: url(../images/achievement_fe73615.png) no-repeat top center;
background-size: 100% 100%
}

#teachPosition .teach-map-container .show-con .lyh .achievements p {
text-align: center;
font-size: 14px;
line-height: 20px;
padding: 25px 10px 16px;
color: #000;
max-height: 47px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}

#teachPosition .teach-map-container .show-con .lyh .achievements p:nth-child(1) {
padding-top: 25px
}

#teachPosition .teach-map-container .show-con .bottom .feature,#teachPosition .teach-map-container .show-con .bottom .left {
display: inline-block;
text-align: left
}

#teachPosition .teach-map-container .show-con .bottom .feature {
font-size: 16px;
color: #484848;
bottom: 3px;
padding-left: 28px;
padding-right: 105px;
background: url(../images/stars_491d417.png) no-repeat top right;
background-position: right 2px
}

#teachPosition .teach-map-container .show-con .bottom .feature b {
font-weight: 400;
color: #fe5b56
}

#teachPosition .teach-map-container .show-con .bottom .left {
bottom: 0;
font-size: 16px;
color: #484848;
padding-left: 34px
}

#teachPosition .teach-map-container .show-con .bottom .left b {
font-weight: 400;
color: #fe5b56
}

.appointment-btn {
    width: 204px;
    height: 57px;
    display: block;
    text-align: center;
    line-height: 57px;
    text-decoration: none;
    font-size: 22px;
    border-radius: 10px;
    background: #c5002f;
    color: #fff;
}
.small-btn {
    width: 140px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 5px;
}



#video {
width: 100%
}

#video .layout {
padding: 55px 0;
*zoom: 1
}

#video .layout:before,#video .layout:after {
display: table;
content: "";
line-height: 0
}

#video .layout:after {
clear: both
}

#video .layout h2 {
font-size: 40px;
width:auto;
height:auto;
margin-left:0px;
line-height: 60px;

color: #222;

font-weight: 600;

text-align: center;
}

#video .layout .info {
font-size: 20px;

line-height: 40px;

color: #666;

font-weight: 500;

text-align: center;
}

#video .layout .videoContainer {
float: left;
margin: 40px 0 0 40px;
position: relative
}

#video .layout .videoContainer:hover {
cursor: pointer
}

#video .layout .videoContainer .videoImg {
border-radius: 15px
}

#video .layout .videoContainer .playCircle {
position: absolute;
width: 80px;
height: 81px;
top: 125px;
left: 236px;
cursor: pointer;
background-repeat: no-repeat;
}

#video .layout .videoContainer .dot {
position: absolute;
background: url(../images/dot_c911316.png) no-repeat center;
top: 125px;
left: 240px;
padding: 40px;
cursor: pointer
}

#video .layout .videoContainer span {
display: block;
position: absolute;
text-align: center
}

#video .layout .videoContainer span.desc {
width: 183px;
height: 44px;
top: 240px;
left: 185px;
line-height: 44px;
background: #000;
opacity: .5;
filter: alpha(opacity=50);
border-radius: 10px;
font-size: 18px;
color: #fff
}

#video .layout .videoIconContainer {
float: right;
width: 400px;
height: 420px;
margin: 40px 0 0 110px
}

#video .layout .videoIconContainer ul {
width: 400px;
height: 300px;
margin: 0 auto;
*zoom: 1;
position: relative
}

#video .layout .videoIconContainer ul:before,#video .layout .videoIconContainer ul:after {
display: table;
content: "";
line-height: 0
}

#video .layout .videoIconContainer ul:after {
clear: both
}

#video .layout .videoIconContainer ul li {
width: 100%;
float: left;
*zoom: 1;
padding: 9px 0;
position: absolute;
left: 400px;
opacity: .3;
padding-left: 74px
}

#video .layout .videoIconContainer ul li:before,#video .layout .videoIconContainer ul li:after {
display: table;
content: "";
line-height: 0
}

#video .layout .videoIconContainer ul li:after {
clear: both
}

#video .layout .videoIconContainer ul li.liFirst {
top: 0;
background-repeat: no-repeat;
}

#video .layout .videoIconContainer ul li.liSecond {
top: 92px;
background-repeat: no-repeat;
}

#video .layout .videoIconContainer ul li.liThird {
top: 184px;
background-repeat: no-repeat;
}

#video .layout .videoIconContainer ul li img {
float: left
}

#video .layout .videoIconContainer ul li span {
float: left;
margin-left: 30px;
font-size: 20px;
line-height: 36px;
color: #0d0d0d
}

#video .layout .videoIconContainer .small-btn {
color: #fff;
margin-left: -150px;
margin-top: 8px;
text-decoration: none
}


#banner .bottomDots ul li a,#banner .bottomDots ul li .cur,#video .layout .videoContainer .playCircle,#starVc .layout .playCircle,#video .layout .videoIconContainer ul li.liFirst,#video .layout .videoIconContainer ul li.liSecond,#video .layout .videoIconContainer ul li.liThird,#onKeyAppointment .layout ul li.first,#exClusiveSystem .layout .loading .jwq,#exClusiveSystem .layout .loading .sw,#exClusiveSystem .layout .flyin .in-top .user .userImg,#exClusiveSystem .layout .flyin ul li .plan .icon1,#exClusiveSystem .layout .flyin ul li .plan .icon2,#exClusiveSystem .layout .flyin ul li .plan .icon3,#exClusiveSystem .layout .flyin ul li .plan .icon4,#animationInteraction .layout .list-intro .steps .leftDotActive,#animationInteraction .layout .TV-intro,#starRecommend .layout ul li .playCircle {
background-image: url(../images/index_z_872e54a.png)
}

#video .layout .videoContainer .playCircle {
background-position: -765px -230px
}

#starVc .layout .playCircle {
background-position: -765px -230px
}

#video .layout .videoIconContainer ul li.liFirst {
background-position: -771px -402px
}

#video .layout .videoIconContainer ul li.liSecond {
background-position: -771px -576px
}

#video .layout .videoIconContainer ul li.liThird {
background-position: -771px -750px
}

.service{position:fixed;bottom:30px;right:50px;width:56px;height:140px;font-size:12px;text-align:center;}
.service a{color:#333;}
.service div{cursor:pointer;}
.service div.item1 li.item1{width:56px;height:50px;background:url(../images/top.png) 50% 50% no-repeat;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}